$(function(){
    // 渲染到页面
    // 获取到搜索历史的数据
    var localhistory = getlocalstorage('letaohistory');
    $('.search_input').val('');
    // console.log(localhistory);
    $('.lt_history').html(template('history',{list:localhistory}));
    $('.search_btn').on('tap',function(){
        // 获取历史记录的数据
        var arr = getlocalstorage('letaohistory');
        // 输入框搜索内容
        var str = $.trim($('.search_input').val());
        // 判断输入内容不能为空
        if(!str){
            mui.toast('请输入关键字');
            return;
        }
        // console.log(str)
        // 默认数组中没有该输入内容
        var ishave = false;
        // 数组中元素的索引
        var flagindex;
        // 判断数组中是否存在输入的值
        arr.forEach(function (item, index) {
            // item 当前数组中正在遍历的那一项 index当前正在遍历那一项的索引
            if(item == str) {
                ishave = true
                flagindex = index
            }
        })
        // 如果存在，将存在的值删除，在添加
        if(ishave){
            arr.splice(flagindex,1);
            arr.push(str);
        }else{
            // 判断存储值小于10，小于10 继续添加
            if(arr.length <10){
                arr.push(str)
            }else{
                // 判断存储值数量，大于10删除最后一项，在添加
                arr.shift();
                arr.push(str);
            }
        }
        // 将数据存储在localstorage中
        localStorage.setItem('letaohistory', JSON.stringify(arr));
        // 跳转
        location.href = 'searchList.html?key='+str;
    })
    // 给每个删除绑定事件
    $('.lt_history').on('tap','.mui-icon',function(){
        // console.log(111);
        // 获取每个的index值
        var index = $(this).data('index');
        // console.log(index);
        // 获取存储的数组
        var arr = getlocalstorage('letaohistory');
        // 删除对应的项
        arr.splice(index,1);
        // 将更改过的数组存储
        localStorage.setItem('letaohistory', JSON.stringify(arr));
        // 重新渲染
        $('.lt_history').html(template('history',{list:arr}));
    })
    $('.lt_history').on('tap','.fa',function(){
        // console.log(111);
        
        // console.log(index);
        var arr = getlocalstorage('letaohistory');
        localStorage.setItem('letaohistory', '');
        $('.lt_history').html(template('history',{list:[]}));
    })
})
// 获取存储数据
var getlocalstorage = function(key){
    var str = localStorage.getItem(key)||'[]';
    var arr = JSON.parse(str);
    // console.log(arr);
    return arr;

}